<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>myProject</title>
    <!-- 引入 lib/echarts.custom.min.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.js"></script>
</head>
<body>
    <div id="exgirl1" style="width: 900px;height:600px;border:3px solid red"></div>
    <script>
        // 绘制图表。
       var myEchart =  echarts.init(document.getElementById('exgirl1'));
        option = {
    title: {
        text: '标签人数发布',
        subtext: '纯属虚构',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['流失用户', '回流用户', '连续活跃用户', '新用户', '活跃用户']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            center: ['50%', '60%'],
            data: [

                {value:183472, name: '流失用户'},
                {value: 6546, name: '回流用户'},
                {value: 524, name: '连续活跃用户'},
                {value: 91, name: '新用户'},
                {value: 0, name: '活跃用户'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};



       myEchart.setOption(option);
    </script>
</body>
</html>